<template>
  <div class="main">
    <div class="title">新 建 用 户</div>
    <div class="content">
      <div class="userInfor">
        <span class="name">用 户 信 息</span>
        <div class="each">
          <span>用 户 名:</span>
          <input type="text" />
        </div>
        <div class="each">
          <span>密 码:</span>
          <input type="text" />
        </div>
        <div class="each">
          <span>P C 分 控 设 备:</span>
          <input type="text" />
        </div>
        <div class="each">
          <span>手 机 设 备 号:</span>
          <input type="text" />
        </div>
      </div>
      <div class="userAuthorization">
        <span class="name">用 户 权 限</span>
        <div
          class="authorization"

          v-for="(item, index) in authorization"
          :key="index"
        >
          <input type="checkbox" /> <span>{{ item }}</span>
        </div>
      </div>
      <div class="buttons"><button @click="confirm">确 定</button><button @click="cancel">取消</button></div>
    </div>
  </div>
</template>
<script setup>
import { ref } from "vue";
import { useRouter } from "vue-router";
const router=useRouter();
const authorization = ref([
  "寻呼",
  "停止寻呼",
  "播放歌曲",
  "停止播放",
  "调节音量",
  "上传歌曲",
  "上传定时点",
  "设备管理",
]);
const cancel=()=>{
router.push({path:"/sheZhi",query:{data:"user"}})
};
const confirm=()=>{
router.push({path:"/sheZhi",query:{data:"user"}})
}
</script>
<style lang="less" scoped>
@import url("./add_user.less");
</style>